<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
    <link href="https://js.arcgis.com/4.21/esri/themes/light/main.css" rel="stylesheet"/>
    <script src="https://js.arcgis.com/4.21/"></script>
    <script>
        require(["esri/Map", "esri/views/SceneView", "esri/layers/IntegratedMeshLayer"],
            (Map, SceneView, IntegratedMeshLayer) => {
                var map = new Map({
                    basemap: "topo-vector"
                });

                var view = new SceneView({
                    container: "viewDiv",
                    map: map,
                    camera: {
                        fov: 55,//较小的 fov 角模拟远摄镜头放大，而较大的 fov 角模拟鱼眼镜头缩小。默认角度为 55 度
                        heading: 0,//当北方位于屏幕顶部时，航向为零, 当值为180的时候,南方在屏幕顶部,值在0-360之间
                        position: [111.0595184312491, 20.31285736772853, 200],//相机的位置,经度 纬度 高度
                        tilt: 45,//垂直向下看表面时倾斜度为零，当相机平行于表面看时倾斜度为 90 度,平行于地面角度为180
                    },
                });

                var mesh = new IntegratedMeshLayer({
                    url: "https://epoint.epcim.com/geoserver/rest/services/Hosted/osgbtest/SceneServer"
                });

                map.add(mesh);
            });
    </script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
